<template>
    <nly-container fluid>
        <nly-content-header>
            <nly-container fluid>
                <nly-row row-class="mb-2">
                    <nly-col sm="6">
                        <h1 class="m-0 text-dark">404</h1>
                    </nly-col>
                    <nly-col sm="6">
                        <nly-breadcrumb :item='[{
                                                    text: "首页",
                                                    to: "/",
                                                    icon: "nlyfont nly-icon-home-fill"
                                                },
                                                {
                                                    text: "404",
                                                    to: "/404",
                                                    active: true
                                                }
                                            ]' breadcrumb-class="float-sm-right" />
                    </nly-col>
                </nly-row>
            </nly-container>
        </nly-content-header>
        <nly-content>
            <div class="error-page">
                <h2 class="headline text-warning"> 404</h2>

                <div class="error-content">
                    <h3><i class="fas fa-exclamation-triangle text-warning"></i> 哎呀! 页面没有找到.</h3>

                    <p>
                        找不到您要访问的页面. <br>
                        出现此问题的原因可能是页面不存在或者您没有访问该页面的权限。
                    </p>
                    <p>
                        您可以 <router-link to="/"> 返回首页</router-link>或选择访问其他页面.
                    </p>
                </div>
            </div>
        </nly-content>

    </nly-container>

</template>

<script>
    export default {
        name: '',
        data() {
            return {

            }
        },
        methods: {

        },
        components: {

        }
    }
</script>

<style>

</style>